/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 15, 2015, 8:57:56 AM
    Author     : ANHTU
*/

.small{
    width: 18px;
    height: 18px;
}
.big{
    width: 30px;
    height: 30px;
}

[class*=icon-]{
    display: inline-block;
    vertical-align: middle;
}

.icon-statistics{
    background: url('../images/statistics.png') no-repeat center center;
    background-size: 100% 100%;
}
.active .icon-statistics, li:hover .icon-statistics{
    background: url('../images/statistics-active.png') no-repeat center center;
}
.icon-campaign{
    background: url('../images/campaign.png') no-repeat center center;
    background-size: 100% 100%;
}
.active .icon-campaign, li:hover .icon-campaign{
    background: url('../images/campaign-active.png') no-repeat center center;
    background-size: 100% 100%;
}
.icon-place{
    width: 22px;
    background: url('../images/place.png') no-repeat center center;
    background-size: 100% 100%;
}
.active .icon-place, li:hover .icon-place{
    width: 22px;
    background: url('../images/place-active.png') no-repeat center center;
    background-size: 100% 100%;
}
.icon-report{
    width: 22px;
    background: url('../images/report.png') no-repeat center center;
    background-size: 100% 100%;
}
.active .icon-report, li:hover .icon-report{
    width: 22px;
    background: url('../images/report-active.png') no-repeat center center;
    background-size: 100% 100%;
}

.icon-setting{
    background: url('../images/setting.png') no-repeat center center;
    background-size: 100% 100%;
}
.active .icon-setting, li:hover .icon-setting{
    background: url('../images/setting-active.png') no-repeat center center;
    background-size: 100% 100%;
}

.icon-logout{
    background: url('../images/logout.png') no-repeat center center;
    background-size: 100% 100%;
}
